<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8"/>
  <meta name="author" content="Cassie"/>
  <meta name="keywords" content="Kougou"/>
  <meta name="description" content="Kougou"/>
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
  <link rel="stylesheet" href="./css/share.css"/>
  <title>KUGOU-share</title>
 </head>
 <body>
  <section class="container">
     <div class="logo">
         <img src="./images/demo-logo.png" alt="">
     </div>
      <div class="head">
          <img src="./images/share-head.png" alt="" >
      </div>
      <div class="top-1"><span>[潮人测试]</span>***太牛了</div>
      <div class="top-2">现在坚持个性的人真的太少了。</div>
      <div class="tab">
          <p>看着你和你的朋友够亲密不？一起来评价.</p>
          <a href="#">00后潮人<span>+5</span></a>
          <a href="#">典型70后</a>
          <a href="#">90后新锐<span>+2</span></a>
          <a href="#">95后新人类<span>+3</span></a>
      </div>
      <div class="bottom">还体现不出你们的亲密度？那就再评价下吧！</div>
      <input type="text"/>
      <button>提交</button>
      <button>我也要玩</button>
  </section>
  <div class="mongolia">
      <img src="./images/share-love.png" alt="">
      <p>点击右上角与好友一比高下</p>
  </div>
  <script src="./js/winResponsive.js"></script>
 </body>
 </html>